$fontSzie:75px;
$bgColor:#f5f5f5;
$color_1fa3ff:#1fa3ff;
img {
    width: 100%;
}

// function 
@function rem($pixels) {
    @return $pixels / $fontSzie+rem;
}

@mixin browser($attrs, $kits:(webkit, moz, ms, o)) {
    @if $attrs {
        @each $k,
        $v in $attrs {
            @each $kit in $kits {
                -#{$kit}-#{$k}: $v;
            }
            #{$k}:$v;
        }
    }
}

@mixin attrDpr($attrs) {
    @each $k,
    $v in $attrs {
        [data-dpr="1"] & {
            #{$k}: $v/2;
        }
        [data-dpr="2"] & {
            #{$k}: $v;
        }
        [data-dpr="3"] & {
            #{$k}: $v * 1.5;
        }
    }
}

a:link,
a:visited,
a:active,
a:hover {
    text-decoration: none;
}

//文本截断
@mixin lineClamp($lines) {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: $lines; // number of lines to show
    overflow: hidden;
    line-height: 1.5;
    max-height: 1.5 * $lines;
}

body {
    background: #fff;
}

.index_content {
    width: 100%;
    box-sizing: border-box;
    height: rem(84px);
    background: #f6f6f6;
    position: relative;
    .banner1 {
        width: 100%;
        background: #7fd1ff;
        a {
            width: 100%;
            height: 100%;
        }
        img {
            width: 100%;
        }
    }
    .banner2 {
        display: flex;
        align-items: center;
        width: rem(726px);
        margin: 0 auto;
    }
    .position_box {
        position: absolute;
        width: 100%;
        top: rem(500px);
        left: 0;
    }
    .tabList {
        box-sizing: border-box;
        width: rem(726px);
        display: flex;
        align-items: center;
        margin: 0 auto;
        margin-top: -1px;
        background: #fff;
        li {
            padding: rem(25px) 0;
            flex: 1;
            padding-bottom: rem(44px);
            a {
                width: 100%;
                height: 100%;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
            }
            .icon {
                width: rem(70px);
                height: rem(70px);
                background-size: 100%;
                background-repeat: no-repeat;
                background-position: top left;
            }
            .icon1 {
                background-image: url(../../../img/t1.png);
            }
            &.active {
                .icon1 {
                    background-image: url(../../../img/t11.png);
                }
                .text1 {
                    color: #8e24fd;
                }
            }
            .icon2 {
                background-image: url(../../../img/t2.png);
            }
            &.active {
                .icon2 {
                    background-image: url(../../../img/t22.png);
                }
                .text2 {
                    color: #4169fe;
                }
            }
            .icon3 {
                background-image: url(../../../img/t3.png);
            }
            &.active {
                .icon3 {
                    background-image: url(../../../img/t33.png);
                }
                .text3 {
                    color: #8e24fd;
                }
            }
            .icon4 {
                background-image: url(../../../img/t4.png);
            }
            &.active {
                .icon4 {
                    background-image: url(../../../img/t44.png);
                }
                .text4 {
                    color: #ff6600;
                }
            }
            .icon5 {
                background-image: url(../../../img/t5.png);
            }
            &.active {
                .icon5 {
                    background-image: url(../../../img/t55.png);
                }
                .text5 {
                    color: #ff5a00;
                }
            }
            .text {
                color: #999;
                font-size: rem(26px);
                line-height: 1;
                margin-top: rem(10px);
            }
        }
    }
    .equity_list {
        width: rem(726px);
        padding: 0;
        box-sizing: border-box;
        margin: 0 auto;
        background: #fff;
        display: flex;
        margin-top: -1px;
        flex-wrap: wrap;
        li {
            width: rem(346px);
            margin-bottom: rem(20px);
            &:nth-child(odd) {
                margin-right: rem(10px);
                margin-left: rem(12px);
            }
            a {
                width: 100%;
                height: 100%;
                display: inline-block;
            }
        }
    }
    .line2 {
        display: flex;
        width: 100%;
    }
}